<template>
  <div id="app">
    <div class="page">
      <top>
        <web slot="web"></web>
      </top>
      <content>
        <content-block>
          <div class="content-right">
            <div class="right-content">
              <router-view transition="slide" keep-alive></router-view>
            </div>
          </div>
        </content-block>
      </content>
    </div>
  </div>
</template>
<script>
import top from './components/app-components/top'
import web from './components/app-components/web'
import store from './vuex/store'
export default {
  components: {
    top,
    web
  },
  store
}
</script>
<style lang="less">
.page-content .left{
  float: left;
}
.page-content .content-right{
  width: auto;
}
.right-content{
  max-width: 650px;
  margin: 0px auto;
}
.page .content-block{
  margin: 0px auto;
}
</style>
